.welfare-content{
	position: relative;
	// padding-top: 460rpx;
	padding-top: 500rpx;
	.swiper-content{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
	}
}
.spread{
	position: relative;
	z-index: 99;
	padding: 0 10rpx;
	.spread-wrapper{
		padding: 20rpx 0 20rpx 8rpx;
		box-shadow: 0px 4px 20px -2px rgba(0, 0, 0, 0.1);
		display: flex;
		flex-wrap: wrap;
		background: #fff;
		border-radius: 10rpx;
		.item{
			width: 168rpx;
			margin: 5rpx;
			border: 1px solid;
			padding: 15rpx 0;
			text-indent: 5rpx;
			border-radius: 5rpx;
			&.num0,&.num7{
				border-color: #F1E7EA;
				background: #FDF4F4;
			}
			&.num1,&.num6{
				border-color: #E8EAED;
				background: #F8F9FF;
			}
			&.num2,&.num5{
				border-color: #F4EFE3;
				background: #FDF9EC;
			}
			&.num3,&.num4{
				border-color: #EEEBFB;
				background: #F7F7FB;
			}
			.title{
				font-size: 32rpx;
				font-weight: bold;
			}
			.desc{
				font-size: 24rpx;
				color: #ADA99D;
				margin-top: 10rpx;
			}
		}
	}
}

.xcx{
	width: 88%;
	margin: 40rpx auto 0;
	height: 110px;	
	image{
		border-radius: 20px;
	}
}

.productList{padding: 0 10rpx;padding-bottom: 40rpx;}
.productList .list{
	padding:0 20rpx;
	margin-top:20rpx;
	box-shadow: 0px 4px 20px -2px rgba(0, 0, 0, 0.1);
}
.productList .list.on{background-color:#fff;border-top:1px solid #f6f6f6;}
.productList .list .item{width:345rpx;margin-top:20rpx;background-color:#fff;border-radius:10rpx;}
.productList .list .item.on{width:100%;display:flex;border-bottom:1rpx solid #f6f6f6;padding:30rpx 0;margin:0;}
.productList .list .item .pictrue{width:100%;height:345rpx;position: relative;}
.productList .list .item .pictrue.on{width:180rpx;height:180rpx;}
.productList .list .item .pictrue image{width:100%;height:100%;border-radius:10rpx 10rpx 0 0;}
.productList .list .item .pictrue image.on{border-radius:6rpx;}
.productList .list .item .text{padding:20rpx 17rpx 26rpx 17rpx;font-size:32rpx;color:#222;}
.productList .list .item .text.on{width:508rpx;padding:0 0 0 22rpx;}
.productList .list .item .text .money{font-size:26rpx;font-weight:bold;margin-top:8rpx;}
.productList .list .item .text .money.on{margin-top:20rpx;}
.productList .list .item .text .money .num{font-size:34rpx;color: #CD583D;}
.productList .list .item .text .money .left{align-items: center;}
.productList .list .item .text .money .left image{margin-right: 10rpx;}
.productList .list .item .text .money button{
	width: 200rpx;
	height: 60rpx;
	line-height: 60rpx;
	font-size: 30rpx;
	margin-right: 0;
	color: #fff;
}
.productList .list .item .text .money button.receive{		
	background: linear-gradient(#F5A53E, #F48122);
}
.productList .list .item .text .money button.not{
	background: linear-gradient(#F3F4F3, #C9CAC9);
}
.productList .list .item .text .vip{font-size:22rpx;color:#aaa;margin-top:20rpx;text-align: right;}
.productList .list .item .text .vip.on{margin-top:20rpx;}
.productList .list .item .text .vip .vip-money{font-size:24rpx;color:#282828;font-weight:bold;}
.productList .list .item .text .vip .vip-money image{width:46rpx;height:21rpx;margin-left:4rpx;}
.cu-modal .cu-dialog{position: relative;padding: 40rpx;background: transparent;}
.cu-modal .cu-dialog .cu-close{
	position: absolute;
	right: 0;
	top: 0;
	width: 80rpx;
	height: 80rpx;
}
/* 购买弹框 */
.receive-modal{
	.cu-dialog{
		width: 100%;
		padding: 0;
		vertical-align: bottom;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		.dialog-content{
			border-top-left-radius: 20rpx;
			border-top-right-radius: 20rpx;
			background: #f1f1f1;
			.address{
				background: #fff;
				margin-bottom: 30rpx;
				padding: 0 40rpx;
				.title{
					height: 60rpx;
					line-height: 60rpx;
					font-size: 32rpx;
					padding-top: 20rpx;
				}
				.desc{
					justify-content: space-between;
					align-items: center;
					.detail{
						font-size: 34rpx;
					}
					padding: 40rpx 0;
					view{
						text-align: left;
					}
				}
			}
			.goods-detail{
				background: #fff;
				padding: 40rpx;
				.image{
					width:180rpx;
					height:180rpx;
					image{
						width:100%;
						height:100%;
						border-radius:10rpx 10rpx 0 0;
					}
				}
				.info{
					margin-left: 40rpx;
					width: calc(100% - 220rpx);
					text{
						font-weight: bold;
						font-size: 32rpx;
						text-align: left;
						display: block;
					}
					.money{
						margin-top: 40rpx;
						justify-content: space-between;
						.left{
							align-items: center;
							image{margin-right: 10rpx;}
							.num{font-size:34rpx;color: #CD583D;}
						}
					}
				}
				.buy{
					margin-top: 60rpx;
					width: 400rpx;
					height: 80rpx;
					line-height: 80rpx;
					color: #fff;
					font-size: 36rpx;
					text-align: center;
					background: #E94752;
					border-radius: 40rpx;
				}
			}				
		}
	}
}